/* ============================================================
   Exporum 전수 점검 수정 CSS (2026-07-09 라운드)
   페이지별 블록: EX_A2_{PAGE}_START ~ _END, 셀렉터 #wrap #section-{page}.fix2 스코프
   ============================================================ */

/* EX_A2_PORTFOLIO_START */
/* [기준②] 뷰포트 1280~1326px에서 좌우 여백 0~15px 결함(실측: 1280px→0px, 1300px→2.5px, 1320px→12.5px).
   원인: EX_PORTFOLIO_WIDTH1280_20260624 음수마진(-20px) 해제 미디어가 max-width:1279px라서
   1280~1339px 밴드에서 #section-portfolio(카테고리탭·그리드·페이징 전체)가 화면 폭을 그대로 점유.
   조치: 해당 밴드만 음수마진 해제 + width:100%(부모 #container 안쪽폭) + 자동 센터링.
   1366px 이상(콘텐츠 1280 고정)과 1279px 이하(기존 패딩 복구 규칙)는 미변경 → 최소 여백 20px 확보. */
@media (min-width:1280px) and (max-width:1365px){
	#wrap #section-portfolio.fix2{width:100% !important; max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important;}
}
/* EX_A2_PORTFOLIO_END */

/* EX_A2_OVERVIEW_START */
/* 기준②: 840px 이하 .overview-point/.overview-layout 텍스트 좌우 여백 7~13px(<16px) → 보정 패딩으로 최소 17px 확보 */
@media (max-width:899px){
	#wrap #section-overview.fix2 .overview-point,
	#wrap #section-overview.fix2 .overview-layout{padding-left:10px !important; padding-right:10px !important; box-sizing:border-box !important;}
}
/* EX_A2_OVERVIEW_END */

/* EX_A2_CEO_START */
/* 기준②: 768px 이하 .ceo-text 본문 좌우 여백 11~15px(<16px) → 보정 패딩으로 최소 19px 확보 */
@media (max-width:899px){
	#wrap #section-ceo.fix2 .ceo-text{padding-left:8px !important; padding-right:8px !important; box-sizing:border-box !important;}
}
/* EX_A2_CEO_END */

/* EX_A2_HISTORY_START */
/* 기준②: 1280~1311px 구간 타임라인 dd가 화면 우측 끝에 붙음(여백 0~15px) — 콘텐츠 1280 고정이 원인 → 구간 내 폭 상한 보정(최소 24px 여백) */
@media (min-width:1280px) and (max-width:1359px){
	#wrap #section-history.v2.fix2 .history-content{width:min(1280px, calc(100% - 48px)) !important; margin-left:auto !important; margin-right:auto !important;}
}
/* EX_A2_HISTORY_END */

/* EX_A2_INQUIRY_START */
/* [②여백] EX_CONTACT_WIDTH1280_20260624 음수마진 풀블리드(margin:-20px, width:100%+40px)가
   미디어쿼리 없이 전 폭 적용 → vw<1320 좌우 여백 0, vw≤840 -3~-9px(th 라벨 첫 글자 잘림).
   승인된 location 방식(EX_LOCATION_FIX_20260708)과 동일: 1360px 미만 풀블리드 해제,
   컨테이너 패딩(2rem)과 합산해 좌우 여백 20px 확보. 1360px 이상은 기존 그대로(시각 무변화). */
@media (max-width:1359px){
	#wrap #section-inquiry.fix2{
		width:auto !important;
		max-width:1280px !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:calc(20px - 2rem) !important;
		padding-right:calc(20px - 2rem) !important;
	}
}
/* [③통일성] 데스크탑 폼 컨트롤 높이 혼재: 일반 입력 44px vs 파일첨부 40px vs 캡차 36px,
   같은 행 select 46px vs input 44px(2px 단차) → 전부 44px 통일(모바일 규칙과 동일 값). */
#wrap #section-inquiry.fix2 .file-field .file-name{height:44px !important; box-sizing:border-box !important;}
#wrap #section-inquiry.fix2 .file-field .file-btn{min-height:44px !important;}
#wrap #section-inquiry.fix2 fieldset#captcha.captcha #captcha_img{height:44px !important;}
#wrap #section-inquiry.fix2 fieldset#captcha.captcha input#captcha_key{height:44px !important; box-sizing:border-box !important;}
#wrap #section-inquiry.fix2 fieldset#captcha.captcha button#captcha_reload{height:44px !important; min-height:44px !important; box-sizing:border-box !important;}
#wrap #section-inquiry.fix2 table.form-table select{height:44px !important; padding-top:0 !important; padding-bottom:0 !important; box-sizing:border-box !important;}
/* EX_A2_INQUIRY_END */

/* EX_A2_FAQ_START */
/* [②여백] inquiry와 동일 원인(EX_CONTACT_WIDTH1280 풀블리드): vw<1320 여백 0,
   vw≤840 -3~-9px(탭 '전체'·'TOTAL'·검색버튼 좌우 잘림). location 방식으로 20px 확보. */
@media (max-width:1359px){
	#wrap #section-faq.fix2{
		width:auto !important;
		max-width:1280px !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:calc(20px - 2rem) !important;
		padding-right:calc(20px - 2rem) !important;
	}
}
/* EX_A2_FAQ_END */

/* EX_A2_AREAS_START (2026-07-09 사업소개 전수점검)
   결함: [기준②] 좌우 여백 붕괴 2건 — 레이아웃 겹침/오버플로/칸수역행 없음(실측 0건)
   (a) 1280~1311px: EX_BIZ_AREAS_WIDTH1280_20260624가 .inConts 패딩을 0으로 두고
       콘텐츠가 1280 고정이라 여백 0~15px (1280px에서 정확히 0px)
   (b) ≤840px: .inConts 좌우 패딩이 rem 축소로 11~13px (<16px 기준 미달)
   스코프: #wrap #section-areas.fix2 한정. 1340px+ / 841~1279px 구간은 무변경. */
@media (min-width:1280px) and (max-width:1339px){
	#wrap #section-areas.fix2 .inConts{ max-width:min(128rem, calc(100% - 40px)) !important; }
}
@media (max-width:840px){
	#wrap #section-areas.fix2 .inConts{ padding-left:16px !important; padding-right:16px !important; }
}
/* EX_A2_AREAS_END */

/* EX_A2_CAPABILITY_START (2026-07-09 사업소개 전수점검)
   결함/근거: areas와 동일 패턴 — (a) 1280~1311px 여백 0~15px (EX_BIZ_CAPABILITIES_WIDTH1280_20260624),
   (b) ≤840px 패딩 11~13px. 교차 01~05 섹션 자체는 통일(이미지비율·h4·섹션패딩 폭별 동일 실측). */
@media (min-width:1280px) and (max-width:1339px){
	#wrap #section-capability.fix2 .inConts{ max-width:min(128rem, calc(100% - 40px)) !important; }
}
@media (max-width:840px){
	#wrap #section-capability.fix2 .inConts{ padding-left:16px !important; padding-right:16px !important; }
}
/* EX_A2_CAPABILITY_END */

/* EX_A2_SUSTAIN_START (2026-07-09 사업소개 전수점검)
   결함/근거: areas와 동일 패턴 — (a) 1280~1311px 여백 0~15px (EX_BIZ_SUSTAIN_WIDTH1280_20260624),
   (b) ≤840px 패딩 11~13px. 기존 좁은폭 수정(카드 360px 중앙정렬·ESG 아이콘 우측·하단패딩)은 유지, 미관여. */
@media (min-width:1280px) and (max-width:1339px){
	#wrap #section-sustain.fix2 .inConts{ max-width:min(128rem, calc(100% - 40px)) !important; }
}
@media (max-width:840px){
	#wrap #section-sustain.fix2 .inConts{ padding-left:16px !important; padding-right:16px !important; }
}
/* EX_A2_SUSTAIN_END */

/* EX_A2_NEWS_START (2026-07-09 PR 전수점검) */
/* [②] 1280~1327px: 섹션이 1280 고정폭이라 좌우 여백 0~23px(1280px 시 0px) →
   awards v2와 동일 공식으로 콘텐츠 가장자리 상시 24px 확보.
   box-sizing:border-box + 중앙정렬이므로 padding = 24px - (100vw-1280px)/2 = calc(664px - 50vw).
   1328px 이상은 자연 마진이 24px 이상이라 미적용. */
@media only screen and (min-width:1280px) and (max-width:1327.98px){
	#wrap #section-news.fix2{padding-left:calc(664px - 50vw) !important; padding-right:calc(664px - 50vw) !important;}
	/* 카드 400px 고정 3열(총 1280)은 패딩 확보 시 넘침 → 이 구간만 유동 3열(간격 유지) */
	#wrap #section-news.fix2 .board-cards{grid-template-columns:repeat(3, 1fr) !important; gap:30px 40px !important; justify-content:initial !important;}
}
/* [①③] 리스트뷰 썸네일 비율 널뛰기(1440~900:0.63 → 840:0.72 → 768~600:1.01 정방형 → 480:0.66):
   그리드 align-items:stretch로 figure가 행 높이(텍스트 높이)까지 늘어나는 것이 원인 →
   align-self:start + 데스크탑 승인 비율(62%) 고정으로 전 폭 동일 비율 */
#wrap #section-news.fix2 .board-list > li figure{align-self:start; aspect-ratio:100/62 !important; padding-top:0 !important; height:auto;}
/* [③] 카드뷰 썸네일 비율 통일: 데스크탑 66% vs 480 이하 60%/16:10 혼재 → 승인 비율(66%)로 전 폭 통일 */
#wrap #section-news.fix2 .board-cards > li figure{aspect-ratio:100/66 !important; padding-top:0 !important; height:auto;}
/* EX_A2_NEWS_END */

/* EX_A2_NOTICE_START (2026-07-09 PR 전수점검) */
/* [②] 1280~1327px 좌우 여백 24px 확보 — news와 동일 공식 */
@media only screen and (min-width:1280px) and (max-width:1327.98px){
	#wrap #section-notice.fix2{padding-left:calc(664px - 50vw) !important; padding-right:calc(664px - 50vw) !important;}
}
/* [③] 841~1024px: a9-notice가 툴바에 padding:0 2rem을 줘 Total/검색영역이 테이블 좌우선보다 20px 안쪽 →
   news와 동일하게 테이블 좌우선에 정렬 */
@media only screen and (min-width:841px) and (max-width:1024.98px){
	#wrap #section-notice.fix2 .board-toolbar{padding-left:0 !important; padding-right:0 !important;}
}
/* EX_A2_NOTICE_END */

/* EX_A2_PRESS_START (2026-07-09 PR 전수점검) */
/* [②] 1280~1327px 좌우 여백 24px 확보 — news/notice와 동일 공식 */
@media only screen and (min-width:1280px) and (max-width:1327.98px){
	#wrap #section-press.fix2{padding-left:calc(664px - 50vw) !important; padding-right:calc(664px - 50vw) !important;}
}
/* [③] 841~1024px 툴바-테이블 좌우선 정렬 — notice와 동일 */
@media only screen and (min-width:841px) and (max-width:1024.98px){
	#wrap #section-press.fix2 .board-toolbar{padding-left:0 !important; padding-right:0 !important;}
}
/* [①] 769~840px: a9-press가 td.hit만 숨기고(press th에는 클래스가 없어 th.no/th.hit 불일치)
   '조회수' 헤더만 남는 유령 컬럼 발생(헤더 아래 전부 빈 칸) → 헤더·colgroup도 함께 숨겨 3컬럼 정합 */
@media only screen and (min-width:769px) and (max-width:840.98px){
	#wrap #section-press.fix2 .board-table thead th:nth-child(4),
	#wrap #section-press.fix2 .board-table colgroup col:nth-child(4){display:none !important;}
}
/* [③] 480px 이하: press 전용 검색폼 규격이 notice/news(44px 높이·flex 배분)와 달라
   입력창이 60px가량 짧고 우측 여백도 어긋남 → notice 규격(NOTICE 7036 블록)으로 통일 */
@media only screen and (max-width:480px){
	#wrap #section-press.fix2 .board-toolbar{padding:0 1.5rem !important; margin-bottom:1.6rem !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form{display:flex !important; flex-wrap:nowrap !important; gap:6px !important; align-items:stretch !important; width:100% !important; margin:0 !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form select{flex:0 0 84px !important; min-width:0 !important; width:auto !important; height:44px !important; min-height:44px !important; padding:0 8px !important; font-size:14px !important; box-sizing:border-box !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form input[type=text]{flex:1 1 auto !important; min-width:0 !important; width:auto !important; height:44px !important; min-height:44px !important; padding:0 10px !important; font-size:16px !important; box-sizing:border-box !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form button{flex:0 0 auto !important; height:44px !important; min-height:44px !important; padding:0 14px !important; font-size:14px !important; box-sizing:border-box !important;}
}
/* EX_A2_PRESS_END */

/* EX_A2_AWARDS_START (2026-07-09 PR 전수점검) */
/* [②] 841~1024px: SIANSPEC(min-841)의 padding:0 !important로 좌우 여백 0px(연도·카드가 화면 가장자리에 밀착) →
   v2 밴드(1025~1280px)와 동일한 24px 확보. 셀렉터 특이도(id2+class2)로 기존 규칙 제압 */
@media only screen and (min-width:841px) and (max-width:1024.98px){
	#wrap #section-awards.v2.fix2{padding-left:24px !important; padding-right:24px !important;}
}
/* [①] 1025~1280px: 연도 레이아웃 역행(1300px 2열 → 1280~1025px 1열 스택 → 1024px 다시 2열) →
   중간 밴드도 데스크탑과 동일 2열(140px + 1fr) 유지로 단조 변화 */
@media only screen and (min-width:1025px) and (max-width:1280px){
	#wrap #section-awards.v2.fix2 .awards-year{grid-template-columns:140px 1fr !important; gap:50px !important;}
}
/* EX_A2_AWARDS_END */

/* EX_A2_TALENT_START */
/* [T1|기준②] 1280~1343px: 콘텐츠 1280 고정 구간 좌우 여백 소실(1280px에서 0px) → 최소 16px 확보.
   24px 기준 보정: 클래식 스크롤바(15px) 환경에서도 실여백 16px 이상 보장. */
@media (min-width:1280px) and (max-width:1343px){
	#wrap #section-talent.fix2{
		padding-left:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
		padding-right:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
	}
}
/* [T2|기준①②] ≤840px: X.CODE 블록 내부(dl)에 margin-left 16px 잔존 → 아이템이 뷰포트 우측으로 2~7px 삐져나감(768px에서 우측 여백 -6px).
   dl 마진 제거 + 풀블리드 배경띠(.talent-xcode-bg) 좌우 패딩을 최소 16px로 통일. */
@media (max-width:840px){
	#wrap #section-talent.fix2 .talent-xcode{padding-left:0 !important; padding-right:0 !important; max-width:none !important;}
	#wrap #section-talent.fix2 .talent-xcode > dl{margin-left:0 !important; margin-right:0 !important; max-width:100% !important; box-sizing:border-box !important;}
	#wrap #section-talent.fix2 .talent-xcode > dl > dd{margin-left:0 !important; margin-right:0 !important;}
	#wrap #section-talent.fix2 .talent-xcode-bg{
		margin-left:min(-2.4rem, -16px) !important;
		margin-right:min(-2.4rem, -16px) !important;
		padding-left:max(2.4rem, 16px) !important;
		padding-right:max(2.4rem, 16px) !important;
	}
}
/* [T3|기준②③] ≤768px: 본문 좌우 여백 13~15.6px(16px 미만) + 블록별 시작선 불일치(10/13/16px 혼재) → 16px 통일.
   바깥 컨테이너 여백이 2rem(=11~13px)이므로 부족분만 섹션 패딩으로 보충. */
@media (max-width:768px){
	#wrap #section-talent.fix2{
		padding-left:max(0.4rem, calc(16px - 2rem)) !important;
		padding-right:max(0.4rem, calc(16px - 2rem)) !important;
	}
	#wrap #section-talent.fix2 .talent-xcode-bg{
		margin-left:calc(-2rem - max(0.4rem, calc(16px - 2rem))) !important;
		margin-right:calc(-2rem - max(0.4rem, calc(16px - 2rem))) !important;
		padding-left:16px !important;
		padding-right:16px !important;
	}
}
/* EX_A2_TALENT_END */

/* EX_A2_LIFE_START */
/* [L1|기준②] 1280~1343px: 좌우 여백 소실(1280px에서 0px) → 최소 16px 확보 (talent와 동일 공식) */
@media (min-width:1280px) and (max-width:1343px){
	#wrap #section-life.fix2{
		padding-left:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
		padding-right:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
	}
}
/* [L2|기준②] ≤768px: 본문 좌우 여백 13.2~15.6px(16px 미만) → 16px 확보 */
@media (max-width:768px){
	#wrap #section-life.fix2{
		padding-left:max(0.4rem, calc(16px - 2rem)) !important;
		padding-right:max(0.4rem, calc(16px - 2rem)) !important;
	}
}
/* EX_A2_LIFE_END */

/* EX_A2_JOURNEY_START */
/* [J1|기준②] 1280~1343px: 좌우 여백 소실(1280px에서 0px) → 최소 16px 확보 */
@media (min-width:1280px) and (max-width:1343px){
	#wrap #section-journey.fix2{
		padding-left:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
		padding-right:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
	}
}
/* [J2|기준②] ≤480px: 본문 좌우 여백 15px(375px, 16px 미만) → 16px 확보 */
@media (max-width:480px){
	#wrap #section-journey.fix2{
		padding-left:max(0.8rem, calc(16px - 2rem)) !important;
		padding-right:max(0.8rem, calc(16px - 2rem)) !important;
	}
}
/* EX_A2_JOURNEY_END */

/* EX_A2_JOBS_START */
/* [B1|기준②] 1280~1343px: 좌우 여백 소실(1280px에서 0px) → 최소 16px 확보. 그 외 폭은 결함 없음(모바일 콘텐츠 여백 23px 이상). */
@media (min-width:1280px) and (max-width:1343px){
	#wrap #section-jobs.fix2{
		padding-left:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
		padding-right:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
	}
}
/* EX_A2_JOBS_END */

/* EX_A2_RECRUIT_START */
/* [R1|기준②] 1280~1343px: 좌우 여백 소실(1280px에서 0px) → 최소 16px 확보 */
@media (min-width:1280px) and (max-width:1343px){
	#wrap #section-recruit.fix2{
		padding-left:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
		padding-right:max(0px, calc(24px - (100vw - 1280px) / 2)) !important;
	}
}
/* [R2|기준②] ≤768px: 폼 테이블 좌우 여백 13px(16px 미만) → 16px 확보 */
@media (max-width:768px){
	#wrap #section-recruit.fix2{
		padding-left:max(0px, calc(16px - 2rem)) !important;
		padding-right:max(0px, calc(16px - 2rem)) !important;
	}
}
/* [R3|기준③] 481~768px: th '지원 직군' 3줄 꺾임(행높이 108px vs 이웃 60px) → th 최소폭 확보로 유사 행 높이 통일 */
@media (min-width:481px) and (max-width:768px){
	#wrap #section-recruit.fix2 table.form-table th{min-width:104px !important; word-break:keep-all !important;}
}
/* EX_A2_RECRUIT_END */

/* EX_A2_PRESS_FIX2B_START (2026-07-09 보정: ≤480 검색폼 notice/news 실측값 정합) */
/* 위 EX_A2_PRESS 블록의 84px/6px 값은 notice의 7036 블록 기준이었으나, 실제 notice/news는
   공통 .board-toolbar 모바일 블록(!important)이 최종 적용됨(실측: select 42px=7rem, gap 0.4rem,
   input pad 0 1rem, fs 15px, 툴바 padding 0). press를 동일 실측값으로 재정렬. */
@media only screen and (max-width:480px){
	#wrap #section-press.fix2 .board-toolbar{padding:0 !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form{gap:0.4rem !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form select{flex:0 0 7rem !important; min-width:7rem !important; padding:0 0.6rem !important; font-size:15px !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form input[type=text]{padding:0 1rem !important; font-size:15px !important;}
	#wrap #section-press.fix2 .board-toolbar .search-form button{min-width:60px !important; padding:0 14px !important; font-size:14px !important;}
}
/* EX_A2_PRESS_FIX2B_END */

/* EX_A2_TALENT_START (2차 보정) */
/* [T2b|기준①③] ≤840px: .talent-xcode-bg 는 width:100vw 풀블리드 기법 사용 — 마진만 바꾸면 우측 스필 발생.
   원기법(100vw + calc(50%-50vw)) 유지 + 내부 패딩을 섹션 본문 시작선(calc(50vw-50%))에 정렬(최소 16px). */
@media (max-width:840px){
	#wrap #section-talent.fix2 .talent-xcode-bg{
		width:100vw !important;
		margin-left:calc(50% - 50vw) !important;
		margin-right:calc(50% - 50vw) !important;
		padding-left:max(calc(50vw - 50%), 16px) !important;
		padding-right:max(calc(50vw - 50%), 16px) !important;
	}
}
/* EX_A2_TALENT_END (2차 보정) */

/* EX_A2_TALENT_START (3차 보정) */
/* [T4|기준③] ≤480px: br{display:none} 처리로 단어 붙음 발생("What We BuildMICE", "연결되는통합형", "아니라,산업이") → br 복원.
   br은 줄바꿈만 추가하므로 오버플로 위험 없음. */
@media (max-width:480px){
	#wrap #section-talent.fix2 .talent-row > dl > dt br,
	#wrap #section-talent.fix2 .talent-row > dl > dd br,
	#wrap #section-talent.fix2 .talent-mice .mice-desc p br{display:inline !important;}
}
/* EX_A2_TALENT_END (3차 보정) */

/* EX_A2_JOURNEY_START (2차 보정) */
/* [J3|기준③] ≤480px: journey-detail 본문 br{display:none} → 단어 붙음("역량과직무", "관련된인터뷰가", "진행합니다.처우") → br 복원 */
@media (max-width:480px){
	#wrap #section-journey.fix2 .journey-detail > dl dd br{display:inline !important;}
}
/* EX_A2_JOURNEY_END (2차 보정) */